/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 
@import '@/common/style/variables.scss';
.console-page{
    position: $relative;
    width: $percent-all;
    height: $percent-all;
    display: flex;
    flex-direction: column;
    background: $background-color-base;
    padding: 20px;
    overflow: hidden;
    .console-page-content-head {
        display: flex;
        justify-content: space-between;
        .console-page-content-title {
            font-size: $font-size-large;
            font-weight: bold;
        }
    }
    .console-page-content-body {
        display: flex;
        height: calc(100%);
        .content-body-side-nav {
            width: 194px;
            margin-right: 20px;
           
            .content-body-card {
                padding: 10px 0 10px;
            }
        }
        .content-body-side-right {
            flex: 1;
            background: $body-background;
            border-radius: $border-radius-small;
            padding: 10px;
            overflow: auto;
            .content-body-side-right-title {
                height: 30px;
                border-bottom: $border-width-base $border-style-base $border-color-split;
                margin-bottom: 10px
            }
            .content-body-side-right-content {
                overflow: auto;
                height: calc(100% - 40px);
            }
        }
        .ivu-checkbox-wrapper {
            margin-right: 0;
        }
    }
    
}
